<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	  xmlns:th="http://www.thymeleaf.org">
<head>
<title>首页</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
	 <div  id="content">
            <section class="content-header">
                <h1>
                    <i class="fa fa-ticket"></i>
                    <strong>售后服务单申请</strong>
                </h1>
                <ol class="breadcrumb">
                    <li><a href="#"><i class="fa fa-home "></i>Home</a></li>
                    <li>售后管理</li>
                    <li class="active">售后服务单申请</li>
                </ol>
            </section>
            <!-- Main content -->
            <section class="content">
                <div class="row">
                    <div class="col-md-12">
                        <div class="box box-info">
                            <div class="box-header with-border">
                                <i class="fa fa-th-list"></i>
                                <h4 class="box-title">服务单查询</h4>
                            </div>
                            <div class="box-body">
                                <div class="form-inline">
                                	<div class="input-group">
                                	  <input type="text" class="hidden" id="userId" name="userId" th:value="${userId}"/>
                                	  <input type="text" class="hidden" id="roleName" name="roleName" th:value="${roleName}"/>
                                	 
										<input type="text" class="form-control" id="keyword"  placeholder="Search..." />
										
										<span class="input-group-btn">
											<select class="form-control"
												id="ticketState" name="ticketState" >
													<option></option>
													<option value="0">未提交</option>
													<option value="1">退回</option>
													<option value="2">已提交</option>
													<option value="3">已派遣</option>
													<option value="4">跟踪中</option>
													<option value="5">待回访</option>
													<option value="6">已完成</option>
											</select>
											<select class="form-control"
												id="afterSaleType" name="afterSaleType" >
													<option></option>
													<option value="安装调试">安装调试</option>
													<option value="故障处理">故障处理</option>
													<option value="有偿服务">有偿服务</option>
													<option value="三包办理">三包办理</option>
											</select>
											<button type="button" name="search" id="search-btn" class="btn btn-info searchBtn">查询</button>
										    <button type="button" name="cancel" id="cancel-btn" class="btn btn-info cancelBtn">撤消</button>
										</span>
										
									</div>
									 <div class="btn-group pull-right">
					                      <button th:if="${module.canAdd==true}" type="button" data-toggle="dropdown" class="btn btn-info dropdown-toggle">添加<span class="caret"></span></button>
						 	                  <ul class="dropdown-menu" style="margin-right:50%;">
						 	                     <li><a onclick="ticketAdd('安装调试')" href="javascript:;">安装调试</a></li>
						 	                     <li><a onclick="ticketAdd('故障处理')" href="javascript:;">故障处理</a></li>
						 	                     <li><a onclick="ticketAdd('有偿服务')" href="javascript:;">有偿服务</a></li>
						 	                     <li><a onclick="ticketAdd('三包办理')" href="javascript:;">三包办理</a></li>
						 	                  </ul>
					                      <button th:if="${module.canModify}==true" type="button" class="btn btn-info editBtn">编辑</button>
					                      <button th:if="${module.canDelete}==true" type="button" class="btn btn-info delBtn">删除</button>
					                      <button th:if="${module.canAdd==true}" type="button" class="btn btn-info submitBtn">提交办理</button>
					                      <button th:if="${module.canRead==true}" type="button" class="btn btn-info detailBtn">查看服务单</button>
					                  </div>
								</div>
                            </div>
                           <div class="box box-body" style="width:100%;overflow-x:scroll;">
                                <table id="dataTable" class="mytable dataTable table-bordered text-center table-striped table-hover display" cellspacing="0"  width="3000px" align="center">
                                    <thead>
                                        <tr>
                                            <th width="1%">序号</th>
                                            <th width="2%"><input type="checkbox" id="checkAll"/></th>
                                            <th width="4%">服务单状态</th>
                                            <th width="3%">审批状态</th>
                                            <th width="5%">售后类型</th>
                                            <th width="5%">管理代码</th>
                                            <th width="5%">申请人</th>
                                            <th width="5%">发起部门</th>
                                            <th width="5%">创建时间</th>
                                            <th width="3%">提交人</th>
                                            <th width="5%">单位名称</th>
                                            <th width="5%">合同号</th>
                                            <th width="5%">现场联系人</th> 
                                            <th width="5%">联系方式</th>
                                            <th width="5%">服务时间</th>
                                            <th width="5%">设备编号</th> 
                                            <th width="5%">设备名称</th>                     
                                            <th width="5%">设备型号</th>
                                            <th width="7%">问题描述</th>
                                            <th width="3%">附件</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                   
               						</tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <script th:src="@{/afterSaleTicket/ticketindex.js}"></script>
            <script type="text/javascript">
		     //添加服务申请
	  	      function ticketAdd(ticketType) {
	  		     if(!ticketType) return;
	  		     window.location.href = window.rootPath + '/ui/afterSaleTicket/addTicket/' + "?ticketType="+ticketType;
	  	      };
	  </script>
        </div>
		
</body>
</html>
        
